﻿<style>
    .ui-grid-cell {
        height: auto !important;
    }
</style>
<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">费用对账</h1>
</div>
<div class="wrapper-sm" ng-controller="feeCheckController">
    <div class="panel panel-default">
        <div class="panel-heading font-bold">查询</div>
        <div class="panel-body">
            <label class="control-label pull-left m-t-xs w-xs">客户单位</label>

            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="feeCheckCtrl_clientName" ng-model="queryTerms.clientName" placeholder="请输入客户单位" name="clientName">
            </div>

            <label class="control-label pull-left m-t-xs w-xs">申领人员</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="feeCheckCtrl_applicant" ng-model="queryTerms.applicant" placeholder="请输入申领人员" name="applicant">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">合同号</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="feeCheckCtrl_contractNumber" ng-model="queryTerms.contractNumber" placeholder="请输入合同号" name="contractNumber">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">合同状态</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" id="feeCheckCtrl_contractStatus" name="feeCheckCtrl_contractStatus" ng-model="queryTerms.contractStatus" ng-options="x.value as x.text for x in contractStatusDropDown">
                    <option value="">全部</option>
                </select>
            </div>

            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xs">发货起始时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="startDeliveryTime" name="startDeliveryTime" datetimepicker plugintype="datetime" ng-model="queryTerms.startDeliveryTime" placeholder="起始时间" class="form-control" type="text" />
                    <span id="openstartDeliveryTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>

            <label class="control-label pull-left m-t-xs w-xs">发货结束时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="endDeliveryTime" name="endDeliveryTime" datetimepicker plugintype="datetime" ng-model="queryTerms.endDeliveryTime" placeholder="结束时间" class="form-control" type="text" />
                    <span id="openendDeliveryTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">油卡状态</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" id="feeCheckCtrl_oilCardStatus" name="feeCheckCtrl_oilCardStatus" ng-model="queryTerms.oilCardStatus" ng-options="x.value as x.text for x in oilCCardStatusDropDown">
                    <option value="">全部</option>
                </select>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">承运商</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="feeCheckCtrl_carrierName" ng-model="queryTerms.carrierName" placeholder="请输入承运商" name="carrierName">
            </div>
            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xs">回单状态</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" id="feeCheckCtrl_receiptStatus" name="feeCheckCtrl_receiptStatus" ng-model="queryTerms.receiptStatus" ng-options="x.value as x.text for x in receiptStatusDropDown">
                    <option value="">全部</option>
                </select>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">车牌号</label>

            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="feeCheckCtrl_carCode" ng-model="queryTerms.carCode" placeholder="请输入车牌号" name="carCode">
            </div>

            <label class="control-label pull-left m-t-xs w-xs">费用类型</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" id="feeCheckCtrl_feeType" name="feeCheckCtrl_feeType" ng-model="queryTerms.feeType" ng-options="x.value as x.text for x in feeTypeDropDown">
                    <option value="">全部</option>
                </select>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">费用状态</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" id="feeCheckCtrl_feeStatusList" ng-model="queryTerms.feeStatusList" ng-options="x.value as x.text for x in feeStatusDropDown">
                    <option value="">全部</option>
                </select>
            </div>
            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xs">发货地址</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="feeCheckCtrl_origin" ng-model="queryTerms.origin" placeholder="请输入发货地址" name="origin">
            </div>

            <label class="control-label pull-left m-t-xs w-xs">送货地址</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="feeCheckCtrl_destination" ng-model="queryTerms.destination" placeholder="请输入送货地址" name="destination">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">付款方式</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" id="feeCheckCtrl_paymentMethod" ng-model="queryTerms.paymentMethod" ng-options="x.value as x.text for x in paymentMethodDropDown">
                    <option value="">全部</option>
                </select>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">结算起始时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="startSettleTime" name="startSettleTime" datetimepicker plugintype="datetime" ng-model="queryTerms.startSettleTime" placeholder="结算起始时间" class="form-control" type="text" />
                    <span id="openstartSettleTime" class="input-group-addon curpoint">
						<span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xs">结算结束时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="endSettleTime" name="endSettleTime" datetimepicker plugintype="datetime" ng-model="queryTerms.endSettleTime" placeholder="结算结束时间" class="form-control" type="text" />
                    <span id="openendSettleTime" class="input-group-addon curpoint">
						<span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>

            <label class="control-label pull-left m-t-xs w-xs">付款起始时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="startPayTime"  datetimepicker plugintype="datetime" ng-model="queryTerms.payStartTime" placeholder="付款起始时间" class="form-control" type="text" name="start-settle-time" />
                    <span id="openstartPayTime" class="input-group-addon curpoint">
						<span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>

            <label class="control-label pull-left m-t-xs w-xs">付款结束时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="endPayTime" datetimepicker plugintype="datetime" ng-model="queryTerms.payEndTime" placeholder="付款结束时间" class="form-control" type="text" name="end-settle-time" />
                    <span id="openendPayTime" class="input-group-addon curpoint">
						<span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>

            <label class="control-label pull-left w-xs"></label>
            <div class="col-md-2 col-xs-12">
                <button id="feeCheckCtrl_queryFunc" ng-click="queryFunc()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':querying}" ng-disabled="querying">
                    <i class="fa fa-search" ng-show="!querying"></i>
                    <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                    <span ng-show="!querying">查询</span>
                    <span ng-show="querying">查询中...</span>
                </button>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            费用对账列表
        </div>
        <div class="table-responsive">
            <div ui-grid="gridOptions" ui-grid-resize-columns ui-grid-pagination ui-grid-selection ui-grid-exporter ui-grid-auto-resize style="height:{{heightA}}px; min-width:1000px; min-height:395px; overflow-y:hidden;">
                <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
            </div>
        </div>
        <div class="panel-body">
            <label class="pull-left control-label">已选中费用</label>
            <div class="col-lg-7">
                <span class="ui-select-bootstrap dropdown form-control">
                    <span ng-repeat="item in onSelectedFeeInfo">
                        <span style="margin-right: 3px; margin-bottom:3px;" class="ui-select-match-item btn btn-default btn-xs">
                            <span class="close ui-select-match-close" ng-click="feeSelectedDelet(item.id)">&nbsp;×</span>
                <span>{{item.feeCode}}</span>
                </span>
                </span>
                </span>
            </div>
            <div class="line  pull-in"></div>
            <div class="form-group">
                <button id="feeCheckCtrl_selectAllEve" ng-click="selectAllEve()" class="pull-right-xs btn btn-sm btn-success btn-addon "><i class="fa fa-check-square-o"></i>全选</button>
                <button id="feeCheckCtrl_emptySelected" ng-click="emptySelected()" class="pull-right-xs btn btn-sm btn-danger btn-addon "><i class="fa fa-trash-o"></i>清空费用编号</button>
                <button id="feeCheckCtrl_backAudit" ng-click="backAudit()" class="pull-right-xs btn btn-sm btn-primary btn-addon"><i class="fa fa-mail-reply-all"></i>退回审核</button>
                <button id="feeCheckCtrl_shipAddFeeToParent" ng-click="shipAddFeeToParent()" class="pull-right-xs btn btn-sm btn-info btn-addon " ng-if="canAddFeeToParent"><i class="fa fa-plus"></i>新增费用单</button>
                <button id="feeCheckCtrl_shipCheckDetail" ng-click="shipCheckDetail()" class="pull-right-xs btn btn-sm btn-primary btn-addon "><i class="fa fa-edit"></i>费用对账</button>
                <button id="feeCheckCtrl_shipCreateSettle" ng-click="shipCreateSettle()" class="pull-right-xs btn btn-sm btn-success btn-addon " ng-if="canCreateSettle"><i class="fa fa-file-archive-o"></i>生成结算账单</button>
                <button id="feeCheckCtrl_excelEvent" ng-click="exportFunc()" class="pull-right-xs btn btn-sm btn-success btn-addon "><i class="fa fa-download"></i>导出</button>
                <button id="feeCheckCtrl_printEvent" ng-click="printEvent()" class="pull-right-xs btn btn-sm btn-info btn-addon "><i class="glyphicon glyphicon-print"></i>打印</button>
            </div>
        </div>

    </div>

</div>